<template>
  <div class="all-container">
    <Nav class="nav-container" />
    <div class="all-right-container">
      <router-view />
    </div>
  </div>
</template>

<script>
import Nav from "components/pages/Nav.vue";

export default {
  components: {
    Nav,
  },
};
</script>

<style scoped lang="less">
.all-container {
  display: flex;
  min-height: 100vh;
  height: 100%;
  background-color: #1c9dc4a8;
  .all-right-container {
    display: flex;
    flex: 1;
    background: radial-gradient(circle, #79c8b6 300px, #1c9dc4a8);
    justify-content: center;
    main {
      width: 100%;
    }
  }
}
.nav-container {
  background: radial-gradient(circle, #79c8b6 300px, #1c9dc4a8);
  text-align: left;
}
</style>